<!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" <?php language_attributes(); ?>>
<![endif]-->
<!--[if !(IE 7) | !(IE 8) ]><!-->
<html <?php language_attributes(); ?>>
    <!--<![endif]-->
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
        <meta name="viewport" content="width=device-width, initial-scale=1"/>       
        <link rel="shortcut icon" href="<?php echo get_template_directory_uri();?>/favicon.ico"/>
    	<meta charset="<?php bloginfo( 'charset' ); ?>"/>
        
    	<title><?php wp_title( '|', true, 'right' ); ?></title>
    	<link rel="profile" href="http://gmpg.org/xfn/11"/>
    	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>"/>
    	<?php wp_head(); ?>
        <!--[if lt IE 9]>
    	<script src="<?php echo get_template_directory_uri(); ?>/assets/js/html5shiv.js"></script>
    	<script src="<?php echo get_template_directory_uri(); ?>/assets/js/respond.min.js"></script>
        <![endif]-->
        
    </head>

    <body>
        <script type='text/javascript'>
            jQuery(document).ready(function($) {
                <?php
                $detect = new Mobile_Detect;
                if( $detect->isMobile() || $detect->isTablet()) {
                    $is_mobile = "true";
                } else {
                    $is_mobile = "false";
                } 
                
                if( $detect->isMobile())
                    $only_mobile = "true";
                else
                    $only_mobile = "false";
                ?>
                window.IS_MOBILE = <?php echo $is_mobile;?>;
                window.ONLY_MOBILE = <?php echo $only_mobile;?>;
            });

            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

            ga('create', 'UA-55914522-1', 'auto');
            ga('send', 'pageview');
            
        </script>
    	<header id="header">
            <div class="container">
                <div class="header-inner">
                    <div class="desktop">
                        <div class="row relative">
                            <div class="col-sm-3 height">
                                <a href="<?php echo home_url('/'); ?>" class="logo"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/roboto-logo.png" alt="<?php _e("Roboto Logo", THB_THEME_NAME);?>"/></a>
                            </div>
                            <div class="col-sm-9 height relative">
                                <div>
                                    <?php if(has_nav_menu('social')) :
                                        wp_nav_menu( array( 'theme_location' => 'social', 'container' => false, 'menu_class' => 'social-nav' ) );
                                    endif; ?>
                                </div>
                                <div class="mobile-hide">
                                    <?php if(has_nav_menu('primary')) :
                                        wp_nav_menu( array( 'theme_location' => 'primary', 'container' => false, 'menu_class' => 'primary-nav crawler' ) );
                                    endif; ?>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="mobile-show desktop-hide">
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="mobile-toggle">
                                    <span class="line-one"></span>
                                    <span class="line-two"></span>
                                    <span class="line-three"></span>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 mobile-menu">
                                <div class="mobile-menu-wrapper">
                                    <div class="mobile-menu-inner">
                                        <?php if(has_nav_menu('primary')) :
                                            wp_nav_menu( array( 'theme_location' => 'primary', 'container' => false, 'menu_class' => 'primary-nav mobile' ) );
                                        endif; ?>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
		</header>
        
        <div id="main">